<template>
    <div class="page">
    <wl-panel  setW="500" title="导入" subTitle="" titleIcon="pop_dr">
        <template v-if="footerFlag" slot="panel_footer">
        </template>
        <template slot="panel_body">
          <el-form :model="formData" status-icon ref="webMReSetForm" label-width="100px" class="demo-ruleForm">
            <wl-form-inner  subTitle="">
                <template slot="inner_body">
                   <div class="div-upload"> 
                    <div>
                        <el-input :disabled="true" v-model="input" placeholder="文件名"></el-input>
                    </div>
                    <el-upload
                        class="upload-demo"
                        ref="upload"
                        :action="action"
                        :on-success ="doSuccess"
                        :on-error ="doErr"
                        :on-change ="doProgress"
                        :before-remove="beforeRemove"
                        :multiple="true"
                        with-credentials
                        :file-list="fileList"
                        :auto-upload="false">
                        <el-button class="btn-file" slot="trigger" size="small" type="primary">选取文件</el-button>
                        <wl-tip-button class="btn-upload" setW="80" :isNormal="true" @click="submitUpload" icon="btn_sc2" btnType=""  tipsDisabled  label="上传"></wl-tip-button>
                        <!-- <el-button size="small" type="primary">点击上传</el-button> -->
                        <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
                    </el-upload>
                    <div>
                        <a href="static/moban/muban.xlsx" download >下载模板</a>
                    </div>
                   </div>
                </template>
            </wl-form-inner>
          </el-form>
        </template>
    </wl-panel>
    </div>  
</template>
<script lang="ts" src="./webM_upLoad_panel.ts"></script>

<style scoped>
.btn-file {
  margin: 0 15px 20px 0;
  height: 30px;
}

.btn-upload {
  margin: 0 auto;
}

.div-upload {
  padding: 10px;
  display: flex;
  justify-content: space-around;
}

.wl-inner-sub-title {
  display: none;
}

.upload-demo
  .el-upload-list__item.is-success
  .el-upload-list__item-status-label {
  display: none;
}
</style>


